
<div id="section-title">
	<div class="wrapper">
		<div class="grid-9">
			<?php echo $html->link(__('+ Agregar categoría', true), array('controller' => 'taxonomies', 'action' => 'dashboard_add'), array('escape' => false, 'class' => 'btn btn-big btn-blue right', 'id' => 'BtnAddCategory')); ?>
			<h1><?php __('Categorias'); ?></h1>
			
		<?php echo $form->create('Taxonomy', array('url' => array('controller' => 'taxonomies', 'action' => 'dashboard_add'), 'id' => 'CategoryAddForm', 'class' => 'vrt')); ?>
			<div class="grid-9 module gray">
				<div class="module-body">
					<?php echo $form->input('name', array('type' => 'text', 'label' => __('Categoría', true))); ?>
					<?php echo $dashboard->taxonomyFormSelectCategories($taxonomies); ?>
					<?php echo $form->submit(__('Guardar categría', true), array('class' => 'btn btn-big')); ?>
				</div>
			</div>
		<?php echo $form->end(); ?>

		</div>
	</div>
</div>

<div id="body">
	<div class="wrapper">
		<div class="content taxonomies">
		
			<div class="grid-6">
				
				<table class="grid" id="Categories">
					<colgroup>
						<col width="80%" />
						<col width="20%" />
					</colgroup>
					<caption>
						
					</caption>
					<thead>
						<tr>
							<th><?php __('Categorías'); ?></th>
							<th><?php __('Opciones'); ?></th>
						</tr>
					</thead>
					<tbody>
					<?php if (!empty($taxonomies)): ?>
					<?php echo $dashboard->taxonomyAdminCategories($taxonomies); ?>
					<?php else: ?>
						<tr>
							<td colspan="2" class="ta-c">
								<p class="warning"><?php __('Para agregar tus categorías solo debes presionar el botón que dice "Nueva Categoría" en el costado derecho.'); ?></p>
							</td>
						</tr>
					<?php endif; ?>
					</tbody>
				</table>
		
			</div>
			
			<div class="grid-3 sidebar">
				<div class="module blue">
					<div class="module-body">
						<p><?php __('Es importante que elijas muy bien tus categorías, '); ?></p>
					</div>
				</div>
			</div>
		
		</div>
	</div>
</div>

<script type="text/javascript" charset="utf-8">
	//<![CDATA[
		// add to table
		var tplTable = '<tr id="p${taxonomyParentId}-c${taxonomyId}">'
		+ '<td><p>'
		+ '${tabs}<span>${name}</span>'
		+ '<em> | <a href="<?php echo $html->url(array('controller' => 'taxonomies', 'action' => 'dashboard_add')); ?>/${taxonomyId}/${taxonomyIdMd5}" id="category-${taxonomyId}" class="add-sub-category" title="${name}"><?php __('Agregar sub-categoria'); ?></a></em>'
		+ '</p></td>'
		+ '<td class="options">'
		+ '<a href="<?php echo $html->url(array('controller' => 'taxonomies', 'action' => 'dashboard_edit')); ?>/${taxonomyId}/${taxonomyIdMd5}" class="ico edit">Editar</a>\n'
		+ '<a href="<?php echo $html->url(array('controller' => 'taxonomies', 'action' => 'dashboard_delete')); ?>/${taxonomyId}/${taxonomyIdMd5}" class="ico delete">Eliminar</a>'
		+ ''
		+ ''
		+ '</td>'
		+ '</tr>'
		;

		// add to list
		var tplList = '<li id="category-${taxonomyId}"><input type="checkbox" name="data[Taxonomy][Taxonomy][${taxonomyId}]" value="${taxonomyId}" id="TaxonomyTaxonomy${taxonomyId}" /> <label for="TaxonomyTaxonomy${taxonomyId}">${name}</label>\n'
		+ '<a href="/mini/products/dashboard_add">(editar)</a></li>'
		;
	
		(function($){

			var inputs = $('#CategoryAddForm input[type=text]');
			inputs.focus(function(){
				$('label[for="'+$(this).attr('id')+'"]').hide();
			});
			inputs.blur(function(){
				var that = $(this);
				var label = $('label[for='+that.attr('id')+']');
				if (that.val() == ''){
					label.show();
				}
				else {
					label.hide();
				}
			});
			inputs.blur();
			
			$('#BtnAddCategory').live('click', function(event){
				event.preventDefault();
				if ($('#CategoryAddForm').is(':visible')) {
					$('#CategoryAddForm').fadeOut();
				} 
				else {	
					$('#CategoryAddForm').fadeIn();
					$('#CategoryAddForm #TaxonomyName').focus();
				}
			});
			
			$('#CategoryAddForm').submit(function(){
				var self = $(this);
				if (self.find('#TaxonomyName').val() != '') {
					$.post(
						'<?php echo $html->url(array('controller' => 'taxonomies', 'action' => 'dashboard_add')); ?>',
						self.serialize(),
						function(data,textStatus,XMLHttpRequest){
							if (textStatus == 'success') {
								if (data.status == 'success') {
									tpl = $.template(tplTable);
									var tabs = new Array(1 + 1).join('&nbsp;');
									$('#Categories tbody').append(tpl, {tabs:tabs,taxonomyParentId:0,taxonomyId:data.taxonomy_id,taxonomyIdMd5:data.taxonomy_id_md5,name:data.taxonomy_name});
								}
								else {
									self.find('#TaxonomyName').after($('<p>').attr('class', 'error-message').text(data.message));
									self.find('#TaxonomyName').focus(function(){
										$(this).val('');
									});
								}
							}
							else {
							}
						},
						'json'
					);
					//self.find('input');
				}
				else {

				}
				return false;					
			});
			
			$('#BtnAddCategory_, .add-sub-category_').live('click', function(event){
				event.preventDefault();
				
				var prompt_q = '<?php __('Escribe el nombre para la nueva categoría'); ?>';
				var category_id = $(this).attr('id').match(/[0-9]+/);
				
				if (category_id != null) {
					var category_name = $(this).attr('title');
					prompt_q = '<?php __('Escribe el nombre de la categoría en: '); ?>' + category_name;
				}
				
				var name = prompt(prompt_q);
				if (name != null) {
					$.post(
						'<?php echo $html->url(array('controller' => 'taxonomies', 'action' => 'dashboard_add')); ?>/' + category_id,
						{'data[Term][name]':name},
						function(data,textStatus,XMLHttpRequest){
							if (textStatus == 'success') {
								if (data.status == 'success') {
									if (category_id != null) {
										
									}
									else {
									}
									
									tpl = $.template(tpl);
									var tabs = new Array(1 + 1).join('&nbsp;');
									$('#Categories tbody').append(tpl, {tabs:tabs,taxonomyParentId:0,taxonomyId:data.taxonomy_id,taxonomyIdMd5:data.taxonomy_id_md5,name:data.taxonomy_name});

									// add to list
									var tpl = '<li id="category-${taxonomyId}"><input type="checkbox" name="data[Taxonomy][Taxonomy][${taxonomyId}]" value="${taxonomyId}" id="TaxonomyTaxonomy${taxonomyId}" /> <label for="TaxonomyTaxonomy${taxonomyId}">${name}</label>\n'
									+ '<a href="/mini/products/dashboard_add">(editar)</a></li>'
									;
									tpl = $.template(tpl);
									window.parent.jQuery('#categories').append(tpl, {taxonomyId:data.taxonomy_id,name:data.taxonomy_name});
								}
								else {
								}
							}
							else {
							}
						},
						'json'
					);
				}
				
				return false;
			});
			
			
			$('#BtnAddCategorysss')
			.click(function(event){
				event.preventDefault();
				
				var prompt_q = '<?php __('Escribe el nombre para la nueva categoría'); ?>';
				var category_id = $('#ProductCategory').val();
				
				alert(category_id);
				
				if (category_id != '') {
					var category_name = $('#ProductCategory :selected').text();
					prompt_q = '<?php __('Escribe el nombre de la nueva sub-categoría para: '); ?>' + category_name;
				}
				var name = prompt(prompt_q);
				if (name != null) {
					$.post(
						'<?php echo $html->url(array('controller' => 'categories', 'action' => 'add')); ?>/' + category_id,
						{'data[Term][name]':name},
						function(data,textStatus,XMLHttpRequest){
							if (textStatus == 'success') {
								if (data.status == 'success') {
									if (category_id != '') {
										var input = $('<input/>').attr({'type':'radio','id':'CategoryCategory'+data.category_id,'name':'data[Category][Category][]','value':data.category_id});
										var label = $('<label/>').attr({'for':'CategoryCategory'+data.category_id}).text(data.category_name);
										var div = $('<div/>').attr({'class':'input checkbox'}).append(input).append(label);
										$('#SubCategories').append(div)
									}
									else {
										$('#ProductCategory').find('option').attr('selected', false);
										$('#ProductCategory').append($('<option>').attr({'value':data.category_id, 'selected':true}).text(data.category_name));
										$('#ProductCategory').change();
									}
								}
								else {
								}
							}
							else {
							}
						},
						'json'
					);
				}

				return false;
			});
			
			
			var em = null;
			$('table#Categories tbody tr td p').live('mouseover', function(){
				em = $(this).find('em');
				if (!em.is(':visible')) {
					em.show();
				}
			});
			$('table#Categories tbody tr td p').live('mouseout', function(){
				em.hide();
			});
			$('table#Categories tbody tr td a.edit').live('click', function(){
				var btn = $(this);
				var old_name = btn.parent().prev().find('p span').text();
				var new_name = prompt('<?php __('Escribe el nuevo nombre para la categoría'); ?>', old_name);

				var ids = btn.parent().parent().attr('id').match(/[0-9]+/g);
				if (new_name != null) {
					if (old_name != new_name) {
						$.post(
							btn.attr('href'),
							{
								'data[Term][name]':new_name,
								'data[Taxonomy][parent_id]':ids[0]
							},
							function (data){
								if (data.status == 'success') {
									btn.parent().prev().find('p span').text(new_name)
								}
								else if (data.status == 'error') {
									alert(data.message);
								}
							},
							'json'
						);
					}
				}
				return false;
			});
			$('table#Categories tbody tr td a.delete').live('click', function(){
				var confirmDelete = confirm('<?php __('¿Realmente deseas eliminar la categoría?\\nLos productos asociados a esta categoría no se eliminaran.'); ?>');
				if (confirmDelete) {
					btn = $(this);
					var ids = btn.parent().parent().attr('id').match(/[0-9]+/g);
					$.getJSON(btn.attr('href'), function(data){
						if (data.type == 'success') {
							btn.parent().parent().fadeOut('slow', function(){ $(this).remove(); });
							window.parent.jQuery('li#category-' + ids[1]).remove();
						}
						if ($('div#flashMessage').length) {
							$('div#flashMessage').removeClass().addClass(data.type).text(data.message);
						} else {
							$('h1.page-title').before($('<div/>').attr('id', 'flashMessage').addClass(data.type).text(data.message));
						}
					});
				}
				return false;
			});
		})(jQuery);
		//]]>
</script>
